bg = #22252f
cl = #9295a4
inset = #2d313e
bs = 0 2px 4px rgb(15 34 58 / 12%)
bd = #141621
br = 4px
hc = #ddd
nc = #aaa
ibg = #2f323f
icl = #9295a4
ibd = #aaa
tbbg = #141621
shc = #2d8cf0
shbg = #2d8cf0

// *::selection
//   background orange
//   color white

.night-watch
  background bg
  color cl
  ::selection
    background #19be6b
    color white
  .main
    background bg
    .footer-con
      background tbbg !important
      .footer-left
        color hc !important
    .header-bar
      .ivu-btn-text:hover
        background bg !important
        color hc !important
      .custom-content-con
        button
          color nc !important
  .main-form-modal
    .ivu-modal
      .ivu-modal-content
        background bg !important
        .ivu-modal-header
          background bg !important
          border-radius br !important
          border-color bd !important
          .ivu-modal-header-inner
            color hc !important
        .ivu-modal-body
          background inset !important
          .modal-form-block-item .modal-form-block-item-header
            color hc !important
            border-color bd !important
        .ivu-modal-footer
          background bg !important
          border-color bd !important
  // 自定义组件
  .tag-nav-wrapper
    background tbbg !important
    box-shadow bs
    .tags-nav
      border-color bd
      .left-btn
        background inset !important
        .ivu-btn-text
          color nc !important
      .right-btn
        background inset !important
        border-color bd !important
        .ivu-btn-text
          color nc !important
      .btn-con
        button
          &:hover
            background inset !important
            opacity 0.85
      .close-con
        background inset !important
        .ivu-btn-text
          color nc !important
          &:hover
            color hc !important
            background inset !important
      .ivu-tag
        background inset !important
        border-color bd !important
        .ivu-tag-text
          color nc !important
        .ivu-icon-ios-close
          color hc !important
  .ani-card
    background inset !important
    color cl !important
    border-width 0px !important
    box-shadow bs !important
    .ani-card-header
      border-bottom-color bd !important
      div
        color nc !important
        span
          color nc !important
  .error-page
    background inset !important
  .zk-table
    background bg !important
    border-radius br
    border-color bd
    box-shadow bs
    .zk-table__header
      thead
        background bg !important
        color hc !important
        .zk-table__header-row
          background bg !important
          border-color bd
          box-shadow bs
    .zk-table__body
      background tbbg !important
      tr
        border-color ibd
      td
        color nc !important
    .zk-table--row-hover
      background bg !important
  .s-tree
    background bg !important
    border-radius br
    border-color bd !important
    box-shadow bs
    &:before
      background bd !important
    .header
      font-size 14px
      background bg !important
      color hc !important
      border-color bd !important
      box-shadow bs
    .row
      color nc !important
      background tbbg !important
      .cell-wrapper-border
        border-color bd !important
      // &:hover > div
      //   background bg !important
  // ui组件库
  .ivu-layout
    background bg
    color cl
    .ivu-layout-content
      background bg
      color cl
  .ivu-layout-header
    background inset !important
    color cl !important
  .ivu-breadcrumb
    .ivu-breadcrumb-item-link
      color nc
    & > span:last-child
      .ivu-breadcrumb-item-link 
        color hc !important
  .ivu-spin
    background bg !important
    border-color bd !important
  .ivu-input
    background ibg !important
    color icl !important
    // border-color ibd !important
  .ivu-select
    .ivu-select-selection
      background ibg !important
      color icl !important
    .ivu-select-dropdown
      box-shadow bs !important
      background ibg !important
      .ivu-select-dropdown-list
        .ivu-select-item
          color nc !important
          &:hover
            background bg !important
          &.ivu-select-item-selected
            background bg !important
            color shc !important
        .ivu-select-item-focus
          background bg !important
  .ivu-select-dropdown
    background inset !important
    box-shadow bs
    .ivu-dropdown-menu
      .ivu-dropdown-item
        color nc
        &:hover
          background bg !important
          color hc
        &.side-drop-native
          background shbg !important
          color hc !important
  .ivu-page
    color icl !important
    .ivu-page-options-elevator
      input
        background ibg !important
        color icl !important
    .ivu-page-item
      background inset !important
      a
        color nc
    .ivu-page-next
      background inset !important
      a
        color hc
    .ivu-page-prev
      background inset !important
      a
        color hc
    .ivu-page-disabled
      a
        color nc
  .ivu-form
    .ivu-form-item-label
      color nc !important
  .ivu-table
    background bg !important
    border-radius br
    .ivu-table-header
      background bg !important
      thead
        background bg !important
        color hc !important
    .ivu-table-body
      background tbbg !important
      td
        background tbbg !important
        color nc !important
        border-bottom-color bg
      .ivu-table-row
        &.ivu-table-row-hover
          background bg
          td
            background bg !important
    .ivu-table-tip
      td
        background tbbg !important
        color nc !important
  .ivu-drawer
    color nc !important
    .ivu-drawer-header
      background bg !important
      border-bottom-color bd !important
      .ivu-drawer-header-inner
        color nc !important
    .ivu-drawer-body
      background tbbg !important
  .ivu-modal
    .ivu-modal-body
      color nc !important
  .ivu-tree
    .ivu-tree-title
      color nc !important

// .night-watch-body
//   .ivu-drawer
//       color nc !important
//       .ivu-drawer-header
//         background bg !important
//         border-bottom-color bd !important
//         .ivu-drawer-header-inner
//           color nc !important
//       .ivu-drawer-body
//         background tbbg !important

// 去除样式覆盖限制
.night-watch
  .login-page
    .ivu-input
      color #515a6e !important
      background white !important
